<template>
	<view class="index-box">
		<template v-if="pageModuleName('index')">
			<sww-page-index ref="modulePageRef" :tabIndex="tabIndex"></sww-page-index>
		</template>
		<template v-else-if="pageModuleName('themePage')">
			<sww-page-compage :tabIndex="tabIndex" ref="modulePageRef"></sww-page-compage>
		</template>
		<template v-else-if="pageModuleName('category')">
			<sww-page-category :tabIndex="tabIndex" ref="modulePageRef"></sww-page-category>
		</template>
		<template v-else-if="pageModuleName('cart')">
			<sww-page-cart ref="modulePageRef"></sww-page-cart>
		</template>
		<template v-else-if="pageModuleName('prodCateory')">
			<sww-page-prod :tabIndex="tabIndex" ref="modulePageRef"></sww-page-prod>
		</template>
		<template v-else-if="pageModuleName('articleDetail')">
			<sww-page-article :tabIndex="tabIndex" ref="modulePageRef"></sww-page-article>
		</template>
		<template v-else-if="pageModuleName('prodExchange')">
			<sww-page-prodExchange ref="modulePageRef"></sww-page-prodExchange>
		</template>
		<template v-else-if="pageModuleName('cardExchange')">
			<sww-page-cardExchange ref="modulePageRef"></sww-page-cardExchange>
		</template>
		<template v-else-if="pageModuleName('user')">
			<sww-page-user ref="modulePageRef"></sww-page-user>
		</template>
		<template v-else-if="pageModuleName('order')">
			<sww-page-order ref="modulePageRef"></sww-page-order>
		</template>
		<template v-else-if="pageModuleName('video')">
			<sww-page-video ref="modulePageRef"></sww-page-video>
		</template>
		<sww-tab-bar :isVideo="pageModuleName('video')" ref="tabBarRef"></sww-tab-bar>
	</view>
</template>
<script>
	import { tabPage } from '../../mixins/tabPage';
	export default {
		mixins: [tabPage],
		data() {
			return {
				tabIndex: 3
			};
		}
	};
</script>
